Brought to you by Style Master CSS Editor

Hands-on CSS Tutorial

1. Introduction

Who this CSS tutorial is for and how it works.

2. A very short intro to CSS

If you don't know the first thing about style sheets, then this will give you some idea.

3. Checklist

Before we get started, let's make sure we have all the necessary implements.

4. Creating a Style Sheet

Time to get started. We make our first style sheet, and set ourselves up for the course.

5. Background Reading

Here we set up the background for our site. We create a background color, and image, and learn about how style sheets offer more than simply tiled backgrounds.

6. Text

In this lesson we use CSS to design how the text and headings of our site will look.

7. Setting Up Links

Learn how to set up the appearance of the links in your site using cascading style sheets.

8. Laying out a Page

In this lesson we look at some of the page layout magic in style sheets.

9. Structural Markup with CSS

Bored with the in built tags of HTML, and want to roll your own? After this lesson you will be able to.

10. Special kinds of links

Why should email links and ftp links, and links to other sites all look alike? With CSS they don't have to.

11. Degrading Gracefully

Want to know how to keep all the appearance of your existing HTML based sites, yet overhaul them for newer, style sheets savvy browsers? Here's how.

12. Styling Your Site

Here's where we learn to tie it all together, linking and embedding style sheets and our site.

13. Where to Now?

Got the bug and want to learn more? This list of resources will get you started with more detailed style sheets information, tools, and more.

House of Style